
<body>
<div class="row">
	<header>
    	
      <div class="logo col_7 col">9iria.com</div><!-- logo col_7 -->
        
      <nav class="col_9 col">
        	<ul>
            	<li><a href="#navigation">navigation 1</a></li>
                <li><a href="#navigation">navigation 2</a></li>
            	<li><a href="http://www.enavu.com">enavu network</a></li>
            </ul>
        </nav><!-- nav col_9 -->
      <div class="clear"></div><!-- clear -->
    </header>
</div><!-- row -->

<!-- this section shows you most of the styled elements from the general stylesheet -->
<section class="row" id="styled">
    <div class="col col_11">
        <article>    
            <a href="article.html"><h3>Making an infinite JQuery carousel</h3></a>
            <p>Duis ac arcu ante, at lacinia dui. Ut eget justo in nulla rutrum mollis. Mauris euismod justo et smod justo  smod justo  quam bibendum laoreet volutpat lorem mollis. In hac habitasse platea dictumst.
             Mauris ut eleifend neque. Duis nulla metus, tempus nec varius quis, tincidunt consectetur nisi. Donec rhoncus quam vel quam bibendum rutrum. Mauris et commodo felis. Nam varius eleifend nulla quis sagittis. Quisque id tortor at dolor dictum interdum.</p>
             <a href="article.html" class="more">read more &rarr;</a>
             <div class="clear"></div>
        </article>
        <!-- -->
        <article>  
        	<div class="date">
                <span class="day">23</span>
                <span class="month">Jan</span>
                <span class="year">2011</span>
            </div>  
            <a href="article.html"><h3>jQuery and Ajax :) the simple designer way</h3></a>
            <p>This is really short text.</p>
             <a href="article.html" class="more">read more &rarr;</a>
             <div class="clear"></div>
        </article>
        <!-- -->
        <article>    
        	<div class="date">
                <span class="day">09</span>
                <span class="month">Sep</span>
                <span class="year">2010</span>
            </div>
            <a href="article.html"><h3>Create an AMAZING contact form with no ready made plugins</h3></a>
            <p>Duis ac arcu ante, at lacinia dui. Ut eget justo in nulla rutrum mollis. Mauris euismod justo et smod justo  smod justo  quam bibendum laoreet volutpat lorem mollis. In hac habitasse platea dictumst.
             Mauris ut eleifend neque. Duis nulla metus, tempus nec varius quis, tincidunt consectetur nisi. Donec rhoncus quam vel quam bibendum rutrum. Mauris et commodo felis. Nam varius eleifend nulla quis sagittis. Quisque id tortor at dolor dictum interdum.</p>
             <a href="article.html" class="more">read more &rarr;</a>
             <div class="clear"></div>
        </article>
        <!-- -->
    </div><!-- col_11 -->
  <div class="col col_5">
  			<div class="side_element">
                <h2>分类</h2>
                <ul class="recent">
                <?php foreach($category as $row){ ?>
                <li><?php echo anchor('index/category/'.$row->category_id,$row->category_name) ?></li>

					<?php } ?>
                </ul>	
            </div><!-- side_element -->
            <div class="side_element">
            	<h2>文件类型</h2>
                <p>Duis ac arcu ante, at lacinia dui. Ut eget justo in nulla rutrum mollis. Mauris euismod justo et smod justo smod justo quam bibendum laoreet volutpat lorem mollis. In hac habitasse platea dictumst. Mauris ut eleifend neque. Duis nulla metus, tempus nec varius quis, tincidunt consectetur nisi. Donec rhoncus quam vel quam bibendum rutrum. Mauris et commodo felis. Nam varius eleifend nulla quis sagittis. Quisque id tortor at dolor dictum interdum.</p>
            </div><!-- side_element -->
    </div><!-- col_5 -->
</section><!-- row -->


</body>
</html>
